// 定义一个变量score1，它表示巴萨目前的得分，给他赋予一个值3，查看页面效果
var score1 = 2;
// 定义一个变量score2，它表示皇马目前的得分，给他赋予一个值2，查看页面效果
var score2 = 1;
// 定义一个变量total，它表示目前的总进球数，给它赋予一个合理的值
var total = score1 + score2;
// 现在，不要改动上面的代码！分别给score1和score2前面添加一个0，让比分看上去更符合现实
score1 = '0' + score1;
score2 = '0' + score2;
// 现在，你可以修改score1和score2的初始值，修改保存后，观察页面的变化。你会发现你只是修改了变量的初始值，其他数据会随之而变化，因为其他数据都是根据变量的值运算得到的，这是定义变量的好处。
var panel1 = document.getElementsByClassName("title1");
panel1.onclick = function() {
        score1++;
    }
    /* 说明：你定义的变量之所以会导致页面的变化，是因为老师将它们的值放到了页面的相应位置，不用担心，经过后续的学习，你会逐渐明白老师是怎么做的 */